const div=dom.create("<div>newDiv</div>")
console.log(div);

dom.after(test,div)

const div3=dom.create('<div id="parent"></div>')
dom.wrap(div,div3)
console.log(div3);

const nodes=dom.empty(window.empty)
console.log(nodes)

dom.attr(test,'title','Hi,I am Lu') //实现了写
const title=dom.attr(test,'title') //实现了读
console.log(`title:${title}`) 

dom.text(test,'你好，这是新的文本内容') //设置文本内容
console.log(dom.text(test) )//读文本内容

dom.style(test,{border:`1px solid red `,color:`blue`}) //给test加上样式
console.log(dom.style(test,'border')) //读border
dom.style(test,'border','1px solid black')

dom.class.add(test,'red')
dom.class.remove(test,'red')
console.log(dom.class.has(test,'red'))

const fn=()=>{//记住这个函数，便于删除
  console.log(`点击了`)
}
dom.on(test,'click',()=>{
  console.log(`点击了`)
})
dom.off(test,'click',()=>{
  console.log(`点击了`)
})

const testDiv=dom.find('#test')[0] //查找指定ID，id定义为数组，所以查找结果应为数组元素
console.log(testDiv)
const test2=dom.find('#test2')[0]
console.log(dom.find('.red',test2)[0])

console.log(dom.parent(test))

console.log(dom.siblings(dom.find('#s2')[0]))

console.log(dom.next(dom.find('#s3')[0]))
console.log(dom.previous(dom.find('#s3')[0]))

const t=dom.find('#travel')[0]
dom.each(dom.children(t),(n)=>dom.style(n,'color','red'))

 console.log(dom.index(s3))





